import React from 'react';
import {Card, Col, Row,Image} from "antd";
import {MailOutlined} from "@ant-design/icons";

const Footer: React.FC = () => {
  return (
    <div style={{padding:8,marginBottom:32}}>
      <Card variant='borderless' style={{padding: 8}} size='small'>
        <Row gutter={16}>
          <Col span={8}>
            <Image preview={false} style={{height: 40}}
                   src='https://ai-bot.cn/wp-content/uploads/2023/03/ai-bot-logo-black.png' alt="github"/>
            <div style={{color: '#6c757d', fontSize: 14}}>
              AI工具集导航收录了国内外数百个不同类型的AI工具，每日更新和添加最新AI工具，AI工具集还推荐了AI学习开发的常用网站、框架和模型，帮助你加入人工智能浪潮，自动化高效完成任务！

              Ctrl + D 或 ⌘ + D 收藏本站到浏览器书签栏。
            </div>
          </Col>
          <Col span={10}>
            <p>
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/">AI工具集导航</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/about-us/" target="_blank">关于我们</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/disclaimer/"
                 target="_blank">免责声明</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/the-latest-ai-projects/"
                 target="_blank">最新AI项目</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/ai-app-store/"
                 target="_blank">AI应用商店</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://www.ghxi.com/" target="_blank">果核剥壳</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://aisharenet.com/" target="_blank">AI分享圈</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://gongke.net/" target="_blank">攻壳智能体</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://www.yjpoo.com/" target="_blank">映技派</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/sites/4189.html"
                 target="_blank">豆包</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/sites/6242.html"
                 target="_blank">讯飞绘文</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/sites/6791.html"
                 target="_blank">Coze</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/sites/9195.html"
                 target="_blank">绘蛙</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/sites/17772.html"
                 target="_blank">即梦</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/sites/8204.html"
                 target="_blank">蛙蛙写作</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/sites/13065.html"
                 target="_blank">白日梦</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/sites/35756.html"
                 target="_blank">SoundView</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/sites/44612.html"
                 target="_blank">咔片PPT</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/sites/8516.html"
                 target="_blank">办公小浣熊</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://www.gaoding.art/" target="_blank">稿定AI</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/trae/" target="_blank">Trae</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/ai-novel-writing-tools/"
                 target="_blank">AI写小说</a>&nbsp;•&nbsp;
              <a style={{color: '#6c757d'}} href="https://ai-bot.cn/best-free-ai-essay-writers/"
                 target="_blank">AI写论文</a>
            </p>
            <div>
              <a style={{display:'block',borderRadius:'50%',background:'#f8f9fa',width:35,height:35,lineHeight:'35px',textAlign:'center'}} href="mailto:info@ai-bot.cn" target="_blank" data-toggle="tooltip"
                 data-placement="top" title="" rel="external noopener nofollow" data-original-title="联系邮箱">
                <MailOutlined style={{color:'#6c757d'}} />
              </a></div>
          </Col>
          <Col span={6}/>
        </Row>
        <div style={{fontSize: 12, color: '#6c757d'}}>
          Copyright © 2025
          <a href="https://ai-bot.cn" title="AI工具集" style={{marginLeft: 4, color: '#6c757d'}}
             rel="home">AI工具集</a>&nbsp;
          <a href="https://beian.miit.gov.cn/" target="_blank" rel="link noopener"
             style={{marginLeft: 4, color: '#6c757d'}}>蜀ICP备2022019184号-2</a>&nbsp;
          <a style={{marginLeft: 4, color: '#6c757d'}}
             href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=51010702003349" target="_blank"
             rel="noopener">
            <Image src="https://ai-bot.cn/wp-content/themes/onenav/images/gaba.png"/>
            &nbsp;川公网安备 51010702003349号</a>
        </div>
      </Card>
    </div>
  );
};

export default Footer;
